@import "common.css";
.blank10{height: 10px;}
img{display: block;}

.nav-pane table.icons td.info{padding:7px 10px;width: 130px;overflow: hidden;}
.nav-pane table.icons .info-inner{position: relative;}
.nav-pane table.icons td h3{font-weight: 700;}
.nav-pane table.icons td p{color: #bfbfbf}
.nav-pane table.icons td .hover-pannel{position: absolute;top:0;left: 0;background-color: #1E1E1E;width: 100%;}
.nav-pane table.icons td .hover-pannel p{padding:0 5px}
.nav-pane table.icons td .hover-pannel .star{color: #ffcc5f;}
.nav-pane table.icons td .hover-pannel .up{color: #E61717;}
.ico{vertical-align: middle;padding-left: 5px;display: inline-block;;}

.main-left{width: 770px;float: left;overflow: hidden;}
.main-right{width: 200px;float: right;overflow: hidden;}

.column-title {
    border-bottom: 2px solid #b50000;
}
.main-right .column-title {
    margin-bottom: 5px;
}
.column-title a.more {
    float: right;
    padding-top: 2px;
    color: #b50000;
}
.column-title h3 {
    display: inline-block;
    background-color: #b50000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 8px;
    line-height: 20px;
}
.column-title h3 .ico{padding-left: 0;}
.main-wrap .pic-article {
    margin: 8px 16px;
    position: relative;
}
.main-wrap .pic-article h4 a {
    font-size: 14px;
    font-weight: bold;
}
.main-wrap h4 a {
    color: #B50000;
    line-height: 26px;
}
.main-wrap .pic-article.another {
    margin: 10px 0;
color: #808080;
    height: 100px;
    padding-right: 70px;
}
.main-wrap .pic-article.another:hover{  background-color: #f2f2f2;}
.main-wrap .pic-article.another img {
    margin-right: 16px;
    display: inline-block;
    float: left;
    width: 160px;
}
.main-wrap .pic-article.another h4 {
    padding-top: 5px;
}
.main-wrap .pic-article.another .tags {
    position: absolute;
    right: 0;
    top: 10px;
}
.main-wrap .pic-article.another .tags li {
    margin: 5px 0;
    width: 60px;
    background-color: #b50000;
    color: #fff;
    text-align: center;
}
.main-wrap .articles li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
    font-size: 14px;
    line-height: 23px;
}

.ranking {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
    background-color: #333;
}
.ranking li {
    display: block;
    padding: 3px 0;
    color: #fff;
}
.ranking li.top3 {
    color: #ffcc5f;
}
.ranking li .hover-only {
    display: none;
}
.ranking li:hover .hover-only, .ranking li.active .hover-only {
    display: block;
}
.ranking li .rank {
    width: 25px;
    text-align: center;
    font-weight: bold;
}

.ranking li .detail {
    width: 175px;
}
.ranking li .detail img{display: inline-block;}

.ranking li .detail .hover-only {
    display: none;
}
.ranking li.active .detail img{display: inline-block;}
.ranking-mobile-tab li {
    width: 88px;
    /*padding: 5px 0 5px 5px;*/
}
.ranking-mobile-tab li a {
    font-weight: normal;
}
.ranking-mobile-tab img {
    margin-top: 3px;
    margin-right: 5px;
}
.ranking-mobile-pane li:hover, .ranking-mobile-pane li.active {
    background-color: #1a1a1a;
}
.ranking-mobile-pane li img {
    padding: 5px 0;
    margin-right: 10px;
}
.ranking-mobile-pane li p.small {
    color: #808080;
    font-size: 10px;
    line-height: 18px;
}
.ranking .pop {
    color: #999;
    font-size: 10px;
    padding-right: 5px;
}
.ranking .download-btn{display: inline-block;width: 60px;height: 20px;line-height: 20px;background-color: #B50000;color: #FFF;text-align: center;}


.res .tabs {
    padding-left: 25px;
}
.res .tabs li {
    padding: 5px 10px;
}
.res .panes {
    background-color: #333333;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.res .tabcon{padding: 15px 23px 5px 40px; }
.res .panes ul .view_art{ width:424px; height:64px; overflow:hidden; float:left; background:#f2f2f2; padding:8px; position:relative; margin:0 18px 18px 0}
.res .panes ul .view_art h4 { border-bottom:1px solid #B50000}
.res .panes ul .view_art h4 a{ font-family:"microsoft yahei";font-size:14px; color:#333; text-decoration:none}
.res .panes ul .view_art p{ color:#808080;font-family:"microsoft yahei"; line-height:18px; margin-top:7px}
.res .panes ul .view_art .pic-article{ padding-right:40px;}
.res .panes ul .view_art .tags{background: none repeat scroll 0 0 #B50000;
    height: 55px;
    padding: 25px 0 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.res .panes .more a{ width:100%; display:block; text-align:center}
.res .panes .more span{ color:#FFCC5F;  font-family:"microsoft yahei";font-size:18px;  display:inline-block; vertical-align:middle; padding-right:5px }
.res .panes .ico-more{ background:url(../img-android/more_03.png) no-repeat; width:21px; height:21px; display:inline-block; vertical-align:middle}
.res .panes td {
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: center;
}
.res .panes a {
    color: #fff;
}
.z-title{background-color: #B50000;height: 40px;line-height: 40px;padding-left: 10px;}
.z-title h3{color: #ffcc5f;font-size: 18px;}
.z-item{float: left;width: 230px;margin-left:20px; }
.z-item .img-box{margin-bottom: 10px;}
.z-item .tit{font-size: 14px;color: #333333;}
.z-item .descn{color: #808080;}
.z-item .pl{float: right;}
.z-item .like{float: right;color: #b50000;background: url(bgimg/ico-like.jpg) no-repeat 0 center;padding-left: 15px;margin-left: 5px;}

.photo-box{position: relative;width: 770px;height: 375px;}
.photo-box .prev-area,
.photo-box .next-area{
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
}
.photo-box .next-area{right: 0;}
.photo-box .prev-area a,
.photo-box .next-area a{position: absolute;top:50%;width: 40px;height: 80px;margin-top:-40px;background: url(bgimg/prev.png) no-repeat 0 center;visibility: hidden;}

.photo-box .next-area a{right: 0;background: url(bgimg/next.png) no-repeat 0 center;}
.photo-box .prev-area:hover a{visibility: visible;}
.photo-box .next-area:hover a{visibility: visible;}
.focus-img .photo-area{position: relative;width: 770px;height: 375px;overflow: hidden;}
.focus-img .lis{width: 9999px;height: 375px;}
.focus-img .item{position: relative;width: 770px;height: 375px;overflow: hidden;float: left;}
.focus-img .btns{height: 40px;bottom: 0;right: 0;position: absolute;}
.focus-img .btns li{float: left;height: 40px;width: 40px;background: url(bgimg/navi.png) no-repeat 15px 15px;cursor: pointer;}
.focus-img .btns li.cur{background-position: 15px -13px;}

.tab-mod-s2{position: relative;}
.tab-s2{background-color: transparent;}
.tab-bg{background-color: #333333;height: 30px;width: 100%;position: absolute;left: 0;top:0;z-index: -1}
.tab-s2 li{width: 75px;height: 30px;padding: 0 0 7px 0;line-height: 30px;text-align: center;}
.tab-s2 li a{font-size: 14px;}
.tab-s2 li.active{background: url(bgimg/tab-cur.png) no-repeat 0 0;}